.sell-goods {
  .batchUpload {
    display: flex;
    justify-content: space-between;
    align-items: center;

    .batchUpload-left {
      display: flex;
      align-items: center;

      .batchUpload-cansell {
        font-size: 18px;
        font-family: PingFangSC-Regular,
          PingFang SC;
        font-weight: 400;
        color: #FF6157;
        margin-left: 10px;
      }
    }


    .batchUpload-btn {
      width: 150px;
      height: 50px;
      background: #F86535;
      border-radius: 4px;
      font-size: 24px;
      font-family: PingFangSC-Regular,
        PingFang SC;
      font-weight: 400;
      color: #FFFFFF;
    }
  }

  .batchUpload-lebel {
    font-size: 24px;
    margin-top: 50px;
  }

  .batchUpload-qrcodes {
    margin-top: 30px;

    .batchUpload-qrcodes-head {
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 29px;

      .batchUpload-qrcodes-head-name {
        font-family: PingFangSC-Semibold,
          PingFang SC;
        font-weight: 600;
        color: #FF6157;
        position: relative;
        padding-left: 20px;

        &::after {
          content: '';
          width: 10px;
          height: 10px;
          background: #FF6157;
          position: absolute;
          left: 0;
          top: 50%;
          transform: translateY(-50%);
          border-radius: 50%;
        }
      }
    }

    .batchUpload-qrcodes-item {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: 18px;

      .batchUpload-qrcodes-item-name {
        width: 156px;
        height: 37px;
        font-size: 26px;
        font-family: PingFangSC-Regular,
          PingFang SC;
        font-weight: 400;
        color: #333333;
        flex-shrink: 0;
        text-align: right;
      }

      .batchUpload-qrcodes-item-input {
        height: 86px;
        background: #FDFDFD;
        border-radius: 4px;
        border: 2px solid #E5E5E5;
        flex-grow: 1;
        padding: 0 19px;
        display: flex;
        align-items: center;

        .batchUpload-qrcodes-item-input-uploader {
          width: 100%;

          /deep/ .van-uploader__input-wrapper {
            width: 100%;
          }
        }

        input {
          border: 0;
          outline: none;
          width: 100%;

          &::-webkit-input-placeholder {
            color: #999;
          }
        }

        .batchUpload-qrcodes-item-input-calendar-placeholder {
          margin-left: 10px;
        }
      }
    }

    .batchUpload-qrcodes-add {
      font-size: 50px;
      display: flex;
      justify-content: center;
      color: #F86535;
      margin-top: 20px;
    }
  }

  .sell-goods-cell {
    font-size: 28px;

    .sell-goods-cell-cansell {
      font-size: 0.24rem;
      font-family: PingFangSC-Regular,
        PingFang SC;
      font-weight: 400;
      color: #FF6157;
      margin-left: 0.13333rem;
    }
  }

  .sell-goods-cell-value {
    display: flex;
    justify-content: flex-end;

    .sell-goods-cell-value-img {
      width: 52px;
      height: 52px;
      background: #F5F5F5;
      border-radius: 7px;
      margin-right: 10px;
      display: flex;
      align-items: center;
      justify-content: center;

      img {
        width: 70%;
      }
    }

    .sell-goods-cell-value-price {
      font-size: 28px;
      font-family: PingFangSC-Regular,
        PingFang SC;
      font-weight: 400;
      color: #FF6157;
    }

    .placeholder-right {
      min-width: 1em;
      margin-left: 0.125rem;
    }
  }

  .sell-goods-upload {
    .sell-goods-upload-tips {
      color: #FF6157;
    }

    .sell-goods-upload-textarea {
      margin-top: 20px;

      /deep/ .van-field {
        background: #F6F6F6;
      }
    }
  }

  .sell-goods-needknow {
    font-size: 24px;

    span {
      color: #FF6157;
    }
  }

  .sell-goods-bottom {
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #FFFFFF;

    .sell-goods-bottom-button {
      width: 680px;
      display: flex;
      justify-content: space-between;

      .sell-goods-btn {
        font-size: 32px;
        font-family: PingFangSC-Regular,
          PingFang SC;
        font-weight: 400;
        width: 340px;
        text-align: center;
        height: 80px;
        line-height: 80px;
      }

      .sell-goods-btn-backhome {
        color: #1E1F26;
        border-top-left-radius: 40px;
        border-bottom-left-radius: 40px;
        border: 2px solid #1E1F26;
      }

      .goods-info-btn {
        background: #1E1F26;
        border-top-right-radius: 40px;
        border-bottom-right-radius: 40px;
        border: 2px solid #1E1F26;
        color: #fff;
      }
    }

    .sell-goods-bottom-agreement {
      display: flex;
      justify-content: center;
      margin-top: 15px;
      align-items: center;

      .agreement-content {
        font-size: 24px;
        font-family: PingFangSC-Regular,
          PingFang SC;
        font-weight: 400;
        color: #999999;
      }

      .agreement-name {
        color: #FF6157;
        font-size: 24px;
        font-family: PingFangSC-Regular,
          PingFang SC;
        font-weight: 400;
      }
    }
  }
}

.model-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;

  .model-box {
    padding: 40px 30px;
    box-sizing: border-box;
    width: 590px;
    background: #ffffff;
    border-radius: 20px;
    position: relative;

    .title {
      font-size: 32px;
      font-family: PingFangSC-Medium,
        PingFang SC;
      font-weight: 500;
      color: #333333;
      text-align: center;
    }

    .tips-content {
      font-size: 23px;
      font-family: PingFangSC-Regular,
        PingFang SC;
      font-weight: 400;
      color: #999999;
      text-align: center;
      margin-top: 26px;
      line-height: 32px;
    }

    .checkboxs {
      font-size: 23px;
      font-family: PingFangSC-Regular,
        PingFang SC;
      font-weight: 400;
      color: #333333;
      margin-top: 26px;

      &>div {
        display: flex;
        justify-content: flex-start;
        align-items: center;

        span {
          color: #FF6157;
        }
      }
    }

    .btns {
      display: flex;
      justify-content: center;
      margin-top: 50px;

      .closeBtn {
        width: 160px;
        height: 64px;
        border-radius: 8px;
        border: 2px solid #22212D;
        font-size: 28px;
        font-family: PingFangSC-Regular,
          PingFang SC;
        font-weight: 400;
        color: #22212D;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
      }

      .submitBtn {
        width: 160px;
        height: 64px;
        background: #FF7536;
        border-radius: 8px;
        font-size: 28px;
        font-family: PingFangSC-Regular,
          PingFang SC;
        font-weight: 400;
        color: #FFFFFF;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 40px;
      }
    }

  }
}